<template>
    <div class="shuiguoContainer">
        <div>水果摊开张了--{{msg}}</div>
    </div>
</template>

<script>
    export default {
        data(){
            return{
                msg:"火龙果"
            }
        }
    }
</script>

<style lang="less"  scoped>
     @width:500px;
    .shuiguoContainer div{
        width:@width;
        height: 100px;
        background-color: purple;
        text-align: center;
        line-height: 100px;
        font-size: 30px;
        color: #fff;
    }
</style>
